<div>
    <div id="pageAnimationTitleCate" class="row header navigation-bar-bgd" style="display: none;">
        <div id="browse_category" class="back" data-bind="style:{display: $root.isNeedBackButtonAnimation() ? 'block' : 'none'}">
            <div class="btn-back">
            </div>
        </div>
        <div class="header-title" data-bind="text: $root.slidePageTitle()"></div>
        <div class="search">
            <div class="search-icon">&nbsp;</div>
        </div>
    </div>
    <div id="pageAnimationTitleStart" class="row header navigation-bar-bgd" style="display: none;">
        <div class="start-logo"></div>
        <div class="search">
            <div class="search-icon">&nbsp;</div>
        </div>
    </div>
    <div id="pageAnimationTitleBook" class="book row header navigation-bar-bgd" style="display: none;">
        <div class="left-btns">
            <div class="back">
                <div class="btn-back">
                </div>
            </div>
            <div id="nav-btn-bigger" class="btn-left-toolBar">&nbsp;</div>
            <div id="nav-btn-smaller" class="btn-left-toolBar">&nbsp;</div>
        </div>
        <div class="right-btns">
            <div id="nav-btn-add-favorite" class="btn-right-toolBar">&nbsp;</div>
            <div id="nav-btn-share" class="btn-right-toolBar">&nbsp;</div>
            <div class="search">
                <div class="search-icon">&nbsp;</div>
            </div>
        </div>
    </div>
    <div id="wrapper_scrollview" class="wrapper scroller">
        <!-- Overview animation -->
        <div id="pageAnimationOverview" class="overview" style="display: none;">
            <div>
                <ul id="thelist" data-bind="template: { name: 'overviewItemTmpl', foreach: $root.overviewVM.listAnimation()}">
                </ul>
            </div>
        </div>
        <div id="pageAnimationCategory" style="display: none;">
            <div class="search-space" data-bind="visible: $root.isViewSearch">&nbsp;</div>
            <div>
                <ul id="thelist" data-bind="template: { name: 'browseItemTmpl', foreach: $root.cateVM.listnext(), afterAdd: $root.applyEffectLI }">
                </ul>
            </div>
        </div>
    </div>
</div>